/*/【cs00Common_v02.css】 Master Stylesheet /*/
/*()*/

/*/【サイト設定】(Base)/*/

/*/ html 設定 /*/
@charset "utf-8";

/*/ スクロールバーを常に表示する
～ ブラウザーや表示域の大小によらず常に表示する /*/
html	{ 
	overflow: scroll;
	overflow: -moz- scroll bars- vertical;
	overflow-x: scroll;
	}


/*/【サイト全体の指定】document body/*/

/*/ ボディー body /*/
body	{
	margin: 0px;
	padding: 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #003366;	/*文字色*/
	/* #003366ブルーブラック　#ffffff白*/

	background-image: url("../$0[Accessory]/[Bnr,BGI]/bg02R_w12,h060.png");/*背景画像*/
	background-repeat: repeat-x;
	/*	background-image: url(../P0_UpImages/bgp160w165h-patterns.jpg);/*背景画像*/

	background-color: #FFFFFF;/*全体の地色*/
	/* #ffffff白 | transparent透明：色設定の解除*/

	}

a	{
	color: #017acd;	/*リンク部分の色 */
	/* #017acdコバルト */
	}



/*/【コンテナー指定】container(文書群ボックス-入れ物)/*/
/*/ コンテナー container(Master) /*/
#container{
	width: 770px;
	margin-top: 0;
	margin-right: auto;	/* 中央揃えに */
	margin-bottom: 0;
	margin-left: auto;	/* 中央揃えに */
	padding: 0;
	background-color: #ffffff; */
	/*コンテナー範囲の背景地色*//* #efeeef=極薄い灰 #ffffff=白 */
/*	background-image: url(../90Gnrl_pic/sq20px-BGI-Sq.gif); /*コンテナー範囲の背景画像 */
/*	background-repeat: repeat-y; /*縦方向にのみ*/
	}


/*【コンテナー~Page用】container-page */
#container-page	{
	width: 770px;
	margin-top: 0;
	margin-right: auto;	/* 中央揃えに */
	margin-bottom: 0;
	margin-left: auto;	/* 中央揃えに */
	padding: 0;
	background-color: #ffffff; */
	/*コンテナー範囲の背景地色*//* #efeeef=極薄い灰 #ffffff=白 */
/*	background-image: url(../90Gnrl_pic/sq20px-BGI-Sq.gif); /*コンテナー範囲の背景画像 */
/*	background-repeat: repeat-y; /*縦方向にのみ*/
	}


/*/【ヘッダー指定】header /*/

/*/ヘッダー header/*/
#header	{
	height: 61px;	/*ヘッダーエリアの高さ*/
	margin: 0px 0px 0px;
	padding: 6px 0px 0px 6px;
	/*	background-color: #333399;	/*ヘッダー部の地色 #005087紺　#333399紺2　#ffffff白 */
	background-image:url("../$0[Accessory]/[Bnr,BGI]/bg02R_w12,h060.png");	/*ヘッダー部の背景画像*/
	background-repeat: repeat-x;

/*	background-position: 0px 0px 0px;	/*背景画像の表示位置　元 0 -60px */
/*	border-bottom: solid 1px #666666;	/*下に線を引く⇒ 無しに */
	}

	#header h1	{
	float:left;
	font-size: 1em;
	line-height: 1.2em;
	color: #FFFFFF;	/*文字色*/
	/* #005087紺*/
	margin: 0px 0px 0px;
	padding: 0px 0px 0px;
/*	background-image:url(../90Gnrl_pic/bar-blue564x28.png);*/
/*	h1へのバックイメージ＝なし*/
/*	background-repeat: repeat-x;*/
/*	background-position: center;*/
	}

	#header h2	{
	float:right;
	font-size: 0.75em;
	line-height: 1.5em;
	color: #66CCFF; /*#005087紺*/
	margin: 0px 0px 0px;
	padding: 0px 0px 0px;
	}

	#header p	{
	float:left;
	color: #FFFFFF;		/*#66CCFF水色 #005087紺*/
	font-size: 0.75em;
	line-height: 1em;
	margin: 0;
	padding: 0px 8px 0px;
	}


/*/ ヘッダー~Page用header-page /*/
#header-page	{
	height: 60px;	/*ヘッダーエリアの高さ*/
	margin: 3px 0px 0px;
	padding: 3px 28px 0px 6px;
	/*	background-color: #333399;	/*ヘッダー部の地色 #005087紺　#333399紺2　#ffffff白 */
	background-image:url("../$0[Accessory]/[Bnr,BGI]/bg02R_w12,h060.png");	/*ヘッダー部の背景画像*/
	background-repeat: repeat-x;
	}

#header-page h1	{
	float:left;
	font-size: 0.8em;
	line-height: 1em;
	color: #FFFFFF;	/*文字色*/
	margin: 0px 0px 0px;
	padding: 0px 0px 0px;
/*	background-image:url(../90Gnrl_pic/bar-blue564x28.png);	*/	/* h1へのバックイメージ＝なし*/
	/*	background-repeat: repeat-x;	*/
	/*	background-position: center;	*/
	}

#header-page h2	{
	/*float: right;*/
	margin: 0px 20px 0px 0px;
	padding: 0px 0px;
	line-height: 80px;
	text-align: center;
	}

#header-page p	{
	float: left;
	margin: 0;
	padding: 4px 20px 0px 10px;
	color: #ffff99;
	font-size: 0.8em;
	line-height: 1em;
	}


/*/ --------------------------------
グローバル ナビ global-navigation
-------------------------------- /*/
/*グローバルナビ(ヘッダー) #G-Nav */ /*ヘッダーメニュー#menu 削除 */

ul#G-Nav	{
	height: 30px;
	font-size: 0.75em;
	margin: 0px 0px 0px;
	padding: 0px 0px 0px;
/*	background-color: #005087;	/*ナビ部分背景色*/
/*	background-image: url(../P0_UpImages/roll_120x32px.png);	/*ナビ部分 背景画像*/
	}

ul#G-Nav li	{list-style-type: none;
	float: left;
	}

ul#G-Nav li a	{
	display: block;
	width: 120px;
	line-height: 32px;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	background-color: #005087;
	background-image: url("../$0[Accessory]/[Bnr,BGI]/bg02R'roll_120x32px-R.png");	/* border-right: solid 1px #ffffff; */ /*コマの右に線を引く⇒ 無しに */
	}

ul#G-Nav li a:hover	{/*【カーソル合わせ】*/
	background-color: #017acd;
	background-position: left bottom;
	}

ul#G-Nav .menuAct {/*【アクティブな現ページ】*/
	color: #555555;
	float: left;
	width: 120px;
	text-align: center;
	background-image: url("../$0[Accessory]/[Bnr,BGI]/bg02R'roll_120x32px_Act-R.png");	/* 現ページのボタン */
	line-height: 32px;
	font-weight: bold;
	}



/*/【トピックパス】topicpath パンくずリスト p#bread breadcrumbs /*/

/*/トピックパス #topic /*/
p#topic	{
/*	float: right; */
	background-color: #FFFFFF;
	font-size: 0.75em;
	margin: 0;
	padding: 0px 20px 0px 20px;
	}



/*/【サイドメニュー】sidebar navigation /*/

/* #ffffcc薄黄　#CCCC99薄カーキ　#6699CC薄花田 */

/*/ サイドメニュー #sidebar /*/
#sidebar	{
	float: right;
	width: 180px;
	margin: 0px 0px 0px 0px;/* 上0px 右0px 下25px 左0px */
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	/*	background-color: #EFE6C6;
/*背景色 #EFE6C6フレッシュ #e6e9C6タン #99CC99暗黄緑　#CCCC99薄カーキ*/

	background-image: url("../$0[Accessory]/[Bnr,BGI]/bg_sq20px-light.gif"); /*背景画像*/

	border-right: solid 2px #BBBBBB;	/*サイドバーの右に線を引く*/
	border-left: solid 2px #BBBBBB;	/*サイドバーの左に線を引く*/
	border-bottom: solid 2px #BBBBBB;	/*サイドバーの下に線を引く*/
	}

#sidebar h2	{
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
	background-image:	url("../$0[Accessory]/[Bnr,BGI]/bg20G_w16.png");
	line-height: 1.3em;
	}

ul.sidemenu	{
	margin: 3px 0px 0px 0px;	/*上,右,下,左 */
	padding: 0px 0px 0px 0px;
	font-size: 0.75em;
	text-align: left;
	line-height: 0;
	border-top: solid 2px #666666;
	}

ul.sidemenu li	{
	list-style-type: none;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	}

ul.sidemenu li a	{
	display: block;
	/*	line-height: 32px;/* 元 30px */
	text-decoration: none;
	color: #000000;
	padding-left: 5px;/**/
	background-color: transparent;
/*	border-bottom: solid 2px #666666;		/*下枠線*/
	}

/*カーソルを合わせたとき*/
ul.sidemenu li a:hover	{
	background-color: #ffffcc;/*背景 #ffffcc薄黄*/
	color: #000000;/*文字色*/
	}


/* p.feed RSSフィード*/
p.feed	{
	font-size: 0.675em;
	color: #003333; /*#003333濃灰*/
	line-height: 1.5em;
	margin: 8px 3px 10px 8px;
	}

p.feed a	{
	line-height: 30px;
	text-align: center;
	font-size: 0.85em;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	background-color: #666666; /*#666666濃灰*/
	/*サイドバーの下に線を引く⇒ 無しに */
	/**/ border: solid 1px #888888;/**/
	padding: 5px 0px 5px 0px;
	}

p.feed img	{
	vertical-align: middle;
	border: none;
	}



/*/【メイン文書】main /*/

/*/ コンテンツ #content /*/
#content	{
	margin: 1px 0px 0px 0px;/*上元30 右元30 下元25 左元auto */
	padding: 8px 20px 0px;/*上元0px 右元30px 下元0px 左元0px*/
	width: 545px;/*元540 containerwidth790*/
	float: left;
	display: inline;
	background-color: #ffffff;/**/
/*メイン文書の右に線を引く↓⇒ 無しに */
	/* border-right: solid 1px #666666;*/
	}

#content img	{	margin: 0px;
	}

#content h1	{
	margin: 0px 0px 0px -10px;/*上0 右0 下0 左0 */
	padding: 0px 0px 0px 10px;
	color: #0000CC;
	font-size: 1.5em;
	line-height: 1.75em;
	background-image: url(../../P0_UpImages/bt-roll-120x45Act-R.png);
	background-repeat: repeat-x;
	background-color: #CCCCCC;
	}

#content h2	{
	margin: 20px 0px 0px -10px;
	padding: 0px 0px 0px 10px;
	color: #FFFF00;
	font-size: 0.875em;
	line-height: 28px;
	background-image: url("../$0[Accessory]/[Bnr,BGI]/bg01'bar_h32sq.png");
	background-repeat: repeat-x;
	background-color: #0000CC;
	}

#content h3	{
	margin: 20px 0px 0px -5px;
	padding: 0px 0px 0px 10px;
	font-size: 0.875em;
	line-height: 1.75em;
	background-image: url("../$0[Accessory]/[Bnr,BGI]/bg24Aq_24sq.png");
	background-repeat: repeat-x;
	background-color: #00FFFF;
	}

#content p	{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	font-size: 0.75em;
	line-height: 1.75em;
	}

#content p#message	{margin-top: 0}


/*/ ページコンテンツ #content-page /*/
#content-page	{
	margin: 1px 0px 0px 0px;/*上元30 右元30 下元25 左元auto */
	padding: 8px 20px 0px;/*上元0px 右元30px 下元0px 左元0px*/
	width: 770px;/*元540 containerwidth790*/
	float: left; /*フロート*/
	display: inline;
	background-color: #ffffff;/**/
/*メイン文書の右に線を引く↓⇒ 無しに */
	/* border-right: solid 1px #666666;*/
	}

#content-page img	{	margin: 0px;
	}

#content-page h1	{
	margin: 0px 0px 4px -10px;/*上0 右0 下0 左0 */
	padding: 0px 0px 0px 10px;
	color: #0000CC;
	font-size: 1.5em;
	line-height: 1.8em;
	background-image: url(../../P0_UpImages/bt-roll-120x45Act-R.png);
	background-repeat: repeat-x;
	background-color: #CCCCCC;
	}

#content-page h2	{
	margin: 10px 0px 0px -10px;
	padding: 0px 0px 0px 10px;
	color: #FFFF00;
	font-size: 0.875em;
	line-height: 28px;
	background-image: url("../$0[Accessory]/[Bnr,BGI]/bg01'bar_h32sq.png");
	background-repeat: repeat-x;
	background-color: #0000CC;
	}

#content-page h3	{
	margin: 20px 10px 0px -5px;
	padding: 0px 10px 0px 10px;
	font-size: 0.875em;
	line-height: 1.75em;
	background-image: url("../$0[Accessory]/[Bnr,BGI]/bg24Aq_24sq.png");
	background-repeat: repeat-x;
	background-color: #00FFFF;
	}

#content-page p	{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	font-size: 0.75em;
	line-height: 1.75em;
	}

#content-page p#message	{margin-top: 0}



/*/ --------------------------------
テキスト スクロール Text scroll
-------------------------------- /*/
/*テキスト スクロール Text scroll */
.txt-scroll {
	/*スクロールバー↓scroll常につける, auto指定サイズを超えたとき*/
	overflow: auto;
	width: 520px;
	height: 80px;
	margin: 0px 0px 20px;
	padding: 0px 0px 20px;
	}








/*/ --------------------------------
右サイドバー
-------------------------------- /*/
/* #sidebar-right 右サイドバー範囲設定 */
/* .info 右サイドバー設定 */
/* #sidebar-right 右サイドバー指定 */




/*/【フッター 設定】/*/

/*フッター#footer*/
#footer	{
	clear: both;
	max-width: none;
	margin: 0;
	padding: 0px;
	font-size: 0.75em;
	text-align: center;
	background-image: url("../$0[Accessory]/[Bnr,BGI]/bg20G_w16.png");
	background-repeat: repeat-x;/*横方向のみ*/
	background-color: #ffffff;
	/* border-top: solid 1px #666666;*/
	/*線を無しにする */
	border: none;
	/* width: 760px;*/
	}

#footer h5  {
	text-align: center;
	 /*見出し4用のバー↓*/
	background-image:url("../$0[Accessory]/[Bnr,BGI]/bg20G_w16.png");
	background-position: center;
	line-height: 24px;
	background-repeat: no-repeat;
	margin-left: 10px; }



/*アドレスaddress*/
address	{
	font-size: 0.75em;
	font-style: normal;
	color: #666666;
	text-align: left;
	padding: 0px;/* 12px */
	}



/*フッターメニュー#bottom-nav*/
ul#bottom-nav	{
	font-size: 0.75em;
	margin-top: 0;
	margin-bottom: 0px;/* 3px */
	margin-left: 0;
	padding-left: 130;
	height: 24px;
	background-color: #005087;
	background-image: url("../$0[Accessory]/[Bnr,BGI]/btn-rollover03.png");
	}

ul#bottom-nav li	{
	list-style-type: none;
	float: left;
	}

ul#bottom-nav li a	{display: block;
	width: 120px;
	line-height: 24px;
	text-decoration: none;
	text-align: center;
	color: #555555;
	background-color: #005087;
	background-image: url("../$0[Accessory]/[Bnr,BGI]/btn-rollover03.png");
/*コマの右に線を引く⇒ 無しに */
	/* border-right: solid 1px #ffffff;*/
	}

ul#bottom-nav li a:hover	{
	color: #555555;
	background-color: #017acd;
	background-position: left bottom;
	}

/* アクティブな現ページ */
ul#bottom-nav .menuAct {
	color: #555555;
	float: left;
	width: 120px;
	text-align: center;
/*現ページボタンbtn-menuAct02.png↓*/
	background-image: url("../$0[Accessory]/[Bnr,BGI]/btn-menuAct02.png");
	line-height: 24px;
	font-weight: bold;	}



/* ◆◆【追加クラス】◆◆ */

/*強調文字*/
.deforme {
	background-color: #dee;
	color: #666;
	text-decoration: none; }

/*右フロート,幅150px,文字中央配置*/
.floatRight-150-center {
	float: right;
	text-align: center;
	margin: 0px;
	padding: 0px;
	width: 150px;/* ボックス幅 150px */
	}

/*右フロート,幅150px,文字左配置*/
.floatRight-150 {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 150px;/* ボックス幅 150px */
	}






/**//**//**//**//**//**//**//**//**/
/*
【htmlへの記述への参考】

IDセレクター　#idname
意味　id属性地が「idname」の要素
例　#header {color: #006600; }

CSS記述： #idname { 内容; }
div要素： ブロックに適用する要素のまとまり(ブロック要素 division~分割,区分~)
HTML記述： <div 属性= " 属性値 " > 内容(包含要素)～ </div>


クラスセレクター　.classname
意味　class属性が「classname」の要素
例　.note {color: #ffoooo; }

CSS記述： .classname { 内容; }
span要素： インラインで適用する要素のまとまり(インライン要素 text span)
HTML記述： <span 属性= " 属性値 " > 内容(包含要素)～ </div>




ファビコン(favicon)を用意する
favicon: favorite+iconに由来。.ico形式、.png形式が一般的

.ico形式の場合
<link rel="shortcut icon" type="image/x-icon" href=" (ファビコンまでのパス/) favicon.ico" />

/png形式の場合
<link rel="icon" type="image/png" href=" (ファビコンまでのパス/) favicon.png" />

※ favicon.ico や favicon.png という名でサーバーのルート直下に置いておくと、ブラウザが自動的に読み込んでくれる。
ただし、サイトによっては、置き場所がルート直下とは限らないことから、(XHTMLの) head要素内に link要素を指定しておくと確実。

※ ファビコンサイズ 16px四方／制作(カンバスサイズ) 32px四方

*/